<!DOCTYPE html>
<html lang="en">
<!-- begin::Head -->
<head>
    @include("/common/meta.html"){}
    <title>验证邮箱 - ${projectName()}</title>
    @include("/common/base-styles.html"){}
    <style>
        .logo{
            width: 50px;
            margin-right: 15px;
        }
        .card{
            margin: 5rem 0;
        }
        .e-footer--fixed .e-footer{
            left: 0;
        }
        .e-font-success{
            margin: 3rem 0;
        }
    </style>
</head>
<!-- end::Head -->

<!-- begin::Body -->
<body class="e--skin- e-content--skin-light2 e-footer--fixed">
<!-- begin:: Page -->
<div class="e-grid e-grid--hor e-grid--root e-page">
    <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white e--box-shadows">
        <img class="logo" src="${ctxPath}/static/media/logos/logo.svg">
        <h3 class="my-0 mr-md-auto font-weight-normal">${projectName()}</h3>
        <a class="btn btn-outline-primary" href="${ctxPath}/login">登录</a>
    </div>

    <div class="container">
        @if(isSuccess){
        <div class="card card--success card--head-solid-bg">
        @} else {
        <div class="card card--danger card--head-solid-bg">
        @}
            <div class="card-head">
                <div class="card-head-label">
                    @if(isSuccess){
                    <span class="card-head-icon">
                        <i class="la la-check"></i>
                    </span>
                    <h3 class="card-head-title">
                        验证成功
                    </h3>
                    @} else {
                    <span class="card-head-icon">
                        <i class="la la-close"></i>
                    </span>
                    <h3 class="card-head-title">
                        验证失败
                    </h3>
                    @}
                </div>
            </div>
            <div class="card-body text-center">
                @if(isSuccess){
                <h3 class="e-font-success">验证成功</h3>
                @} else {
                <h3 class="e-font-danger">${message!}</h3>
                @}
            </div>
        </div>
    </div>
    @include("/common/modular/footer.html"){}
</div>
<!-- end:: Page -->
@include("/common/base-scripts.html"){}
<!--begin::页面脚本 -->
<!--end::页面脚本 -->
</body>
<!-- end::Body -->
</html>